<div class="hbox hbox-auto-xs hbox-auto-sm" ng-init="
    app.settings.asideFolded = false; 
    app.settings.asideDock = false;
  ">

  <!-- main -->
  <div class="col">
  	
  	<!-- main header -->
    <div class="bg-light lter b-b wrapper-md">
      <div class="row">
        <div class="col-sm-6 col-xs-12">
          <h1 class="m-n font-thin h3 text-black">区域设置</h1>
        </div>
      </div>
    </div>
    <!-- / main header -->

    <div class="wrapper-md">
      <div class="panel">

        <div class="panel-body">
          <div class="col-md-6">

            <div class="panel panel-default">
              <div class="panel-heading"><strong>房屋服务区域</strong></div>
              <div class="panel-body">
                <table class="table table-bordered">
                  <thead>
                    <tr>
                      <th>序号</th>
                      <th>区域名称</th>
                      <th>适用功能板块</th>
                      <th>范围</th>
                      <th>操作</th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr>
                      <td>1</td>
                      <td>多层</td>
                      <td>房屋车位，收费，保修报事</td>
                      <td>1号楼，2号楼</td>
                      <td>
                        <button class="btn btn-info">修改</button>
                        <button class="btn btn-info">删除</button>
                      </td>
                    </tr>
                    <tr>
                      <td>2</td>
                      <td>A</td>
                      <td>客服管家</td>
                      <td>1号楼，2号楼，3号楼</td>
                      <td>
                        <button class="btn btn-info">修改</button>
                        <button class="btn btn-info">删除</button>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
            </div>
          </div>
          <div class="col-md-6">
            <div class="panel panel-default">
              <div class="panel-heading form-inline"><strong>服务区域名称：</strong> <input type="text" class="form-control" /> </div>
              <div class="panel-body">
                <div class="col-sm-6">
					
				  <div class="panel panel-default">
				  	<div class="panel-heading text-right">
				  		<strong class="pull-left">范围</strong> 
				  		<button class="btn btn-info btn-sm">全选</button>
				  		<button class="btn btn-info btn-sm">反选</button>
				  		<button class="btn btn-info btn-sm">全部取消</button>
				  	</div>
				  	<div class="panel-body" class="hbox hbox-auto-xs hbox-auto-sm" ng-controller="AbnTestController">
	                    <div class="b-a bg-light dk r r-2x">
	                    	<abn-tree 
					          tree-data         = "my_data" 
					          tree-control      = "my_tree" 
					          on-select         = "my_tree_handler(branch)" 
					          expand-level      = "2" 
					          initial-selection = "Granny Smith"
					          icon-leaf         = "fa fa-file-o"
					          icon-expand       = "fa fa-plus"
					          icon-collapse     = "fa fa-minus"
					          >
					        </abn-tree>
	                    </div>
	                  </div>
				  </div>
                </div>

                <div class="col-sm-6">
                  <div class="panel panel-default">
                    <div class="panel-heading"><strong>适用功能模块：</strong></div>
                    <div class="panel-body">
                      <div class="form-inline">
                        <label class="checkbox i-checks"><input type="checkbox" class="form-control" /><i></i>客服管家</label>
                        <label class="checkbox i-checks"><input type="checkbox" class="form-control" /><i></i>房屋车位</label>
                        <label class="checkbox i-checks"><input type="checkbox" class="form-control" /><i></i>收费</label>
                      </div>
                      <div class="form-inline">
                        <label class="checkbox i-checks"><input type="checkbox" class="form-control" /><i></i>信息发布</label>
                        <label class="checkbox i-checks"><input type="checkbox" class="form-control" /><i></i>保修报事</label>
                        <label class="checkbox i-checks"><input type="checkbox" class="form-control" /><i></i>交接交账</label>
                      </div>
                    </div>
                    <div class="panel-footer">
                    	使用状态：
                    	<label class="i-checks m-r"><input type="radio" class="form-control"/><i></i>启用</label>
                    	<label class="i-checks"><input type="radio" class="form-control"/><i></i>停用</label>
                    </div>
                  </div>
                </div>

              </div>
              <div class="panel-footer text-right"><button class="btn btn-info">确定</button></div>
            </div>
          </div>
        </div>

      </div>

     <div class="panel">

        <div class="panel-body">
          <div class="col-md-6">

            <div class="panel panel-default">
              <div class="panel-heading"><strong>车位服务区域</strong></div>
              <div class="panel-body">
                <table class="table table-bordered">
                  <thead>
                    <tr>
                      <th>序号</th>
                      <th>区域名称</th>
                      <th>适用功能板块</th>
                      <th>范围</th>
                      <th>操作</th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr>
                      <td>1</td>
                      <td>地下A</td>
                      <td>车位收费</td>
                      <td>DX001-DX265</td>
                      <td>
                        <button class="btn btn-info">修改</button>
                        <button class="btn btn-info">删除</button>
                      </td>
                    </tr>
                    <tr>
                      <td>2</td>
                      <td>地下B</td>
                      <td>车位收费</td>
                      <td>DX001-DX265</td>
                      <td>
                        <button class="btn btn-info">修改</button>
                        <button class="btn btn-info">删除</button>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
            </div>
          </div>
          <div class="col-md-6">
            <div class="panel panel-default">
              <div class="panel-heading form-inline"><strong>服务区域名称：</strong> <input type="text" class="form-control" /> </div>
              <div class="panel-body">
                <div class="col-sm-6">
                  <div class="panel panel-default">
				  	<div class="panel-heading text-right">
				  		<strong class="pull-left">范围</strong> 
				  		<button class="btn btn-info btn-sm">全选</button>
				  		<button class="btn btn-info btn-sm">反选</button>
				  		<button class="btn btn-info btn-sm">全部取消</button>
				  	</div>
				  	<div class="panel-body">
				  		<div class="col-md-6 col-sm-12">
				  			<label class="i-checks"><input type="checkbox" class="form-control" /><i></i> </label> DX001
				  		</div>
				  		<div class="col-md-6 col-sm-12">
				  			<label class="i-checks"><input type="checkbox" class="form-control" /><i></i> </label> DX002
				  		</div>
				  		<div class="col-md-6 col-sm-12">
				  			<label class="i-checks"><input type="checkbox" class="form-control" /><i></i> </label> DX003
				  		</div>
				  		<div class="col-md-6 col-sm-12">
				  			<label class="i-checks"><input type="checkbox" class="form-control" /><i></i> </label> DX004
				  		</div>
	                </div>
				  </div>
                </div>

                <div class="col-sm-6">
                  <div class="panel panel-default">
                    <div class="panel-heading"><strong>适用功能模块：</strong></div>
                    <div class="panel-body">
                      <div class="form-inline">
                        <label class="checkbox i-checks"><input type="checkbox" class="form-control" /><i></i>客服管家</label>
                        <label class="checkbox i-checks"><input type="checkbox" class="form-control" /><i></i>房屋车位</label>
                        <label class="checkbox i-checks"><input type="checkbox" class="form-control" /><i></i>收费</label>
                      </div>
                      <div class="form-inline">
                        <label class="checkbox i-checks"><input type="checkbox" class="form-control" /><i></i>信息发布</label>
                        <label class="checkbox i-checks"><input type="checkbox" class="form-control" /><i></i>保修报事</label>
                        <label class="checkbox i-checks"><input type="checkbox" class="form-control" /><i></i>交接交账</label>
                      </div>
                    </div>
                    <div class="panel-footer">
                    	使用状态：
                    	<label class="i-checks m-r"><input type="radio" class="form-control"/><i></i>启用</label>
                    	<label class="i-checks"><input type="radio" class="form-control"/><i></i>停用</label>
                    </div>
                  </div>
                </div>

              </div>
              <div class="panel-footer text-right"><button class="btn btn-info">确定</button></div>
            </div>
          </div>
        </div>

      </div>
      
      
      <div class="panel">

        <div class="panel-body">
          <div class="col-md-6">

            <div class="panel panel-default">
              <div class="panel-heading"><strong>储物室服务区域</strong></div>
              <div class="panel-body">
                <table class="table table-bordered">
                  <thead>
                    <tr>
                      <th>序号</th>
                      <th>区域名称</th>
                      <th>适用功能板块</th>
                      <th>范围</th>
                      <th>操作</th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr>
                      <td>1</td>
                      <td>A</td>
                      <td>车位收费</td>
                      <td>DX001-DX265</td>
                      <td>
                        <button class="btn btn-info">修改</button>
                        <button class="btn btn-info">删除</button>
                      </td>
                    </tr>
                    <tr>
                      <td>2</td>
                      <td>B</td>
                      <td>车位收费</td>
                      <td>DX001-DX265</td>
                      <td>
                        <button class="btn btn-info">修改</button>
                        <button class="btn btn-info">删除</button>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
            </div>
          </div>
          <div class="col-md-6">
            <div class="panel panel-default">
              <div class="panel-heading form-inline"><strong>服务区域名称：</strong> <input type="text" class="form-control" /> </div>
              <div class="panel-body">
                <div class="col-sm-6">
                  <div class="panel panel-default">
				  	<div class="panel-heading text-right">
				  		<strong class="pull-left">范围</strong> 
				  		<button class="btn btn-info btn-sm">全选</button>
				  		<button class="btn btn-info btn-sm">反选</button>
				  		<button class="btn btn-info btn-sm">全部取消</button>
				  	</div>
				  	<div class="panel-body">
				  		<div class="col-md-6 col-sm-12">
				  			<label class="i-checks"><input type="checkbox" class="form-control" /><i></i> </label> DX001
				  		</div>
				  		<div class="col-md-6 col-sm-12">
				  			<label class="i-checks"><input type="checkbox" class="form-control" /><i></i> </label> DX002
				  		</div>
				  		<div class="col-md-6 col-sm-12">
				  			<label class="i-checks"><input type="checkbox" class="form-control" /><i></i> </label> DX003
				  		</div>
				  		<div class="col-md-6 col-sm-12">
				  			<label class="i-checks"><input type="checkbox" class="form-control" /><i></i> </label> DX004
				  		</div>
	                </div>
				  </div>
                </div>

                <div class="col-sm-6">
                  <div class="panel panel-default">
                    <div class="panel-heading"><strong>适用功能模块：</strong></div>
                    <div class="panel-body">
                      <div class="form-inline">
                        <label class="checkbox i-checks"><input type="checkbox" class="form-control" /><i></i>客服管家</label>
                        <label class="checkbox i-checks"><input type="checkbox" class="form-control" /><i></i>房屋车位</label>
                        <label class="checkbox i-checks"><input type="checkbox" class="form-control" /><i></i>收费</label>
                      </div>
                      <div class="form-inline">
                        <label class="checkbox i-checks"><input type="checkbox" class="form-control" /><i></i>信息发布</label>
                        <label class="checkbox i-checks"><input type="checkbox" class="form-control" /><i></i>保修报事</label>
                        <label class="checkbox i-checks"><input type="checkbox" class="form-control" /><i></i>交接交账</label>
                      </div>
                    </div>
                    <div class="panel-footer">
                    	使用状态：
                    	<label class="i-checks m-r"><input type="radio" class="form-control"/><i></i>启用</label>
                    	<label class="i-checks"><input type="radio" class="form-control"/><i></i>停用</label>
                    </div>
                  </div>
                </div>

              </div>
              <div class="panel-footer text-right"><button class="btn btn-info">确定</button></div>
            </div>
          </div>
        </div>

      </div>


    </div>

  </div>
</div>